<template>
	<div class="mui-card">
		<div class="mui-card-header mui-card-media" style="height:40vw;background-image:url('/static/img/banner1.684adc1.jpg')"></div>
		<div class="mui-card-content">
			<div class="mui-card-content-inner">
				<p>Posted on January 18, 2016</p>
				<p style="color: #333;">这里显示文章摘要，让读者对文章内容有个粗略的概念...</p>
			</div>
		</div>
		<div class="mui-card-footer">
			<a class="mui-card-link">Like</a>
			<a class="mui-card-link">Read more</a>
		</div>
	</div>
</template>

<script>
export default {
  name: 'Cardlist',
  data () {
    return {
//    msg: 'Welcome to Your Vue.js App'
    }
  }
}
</script>

<style>

</style>
